<template>
    <cl-input v-model="value" disabled></cl-input>
    <br/>
    <br/>
    <br/>
    <cl-input v-model="value1" clearable></cl-input>
    <br/>
    <br/>
    <br/>
    <cl-input v-model="value2" showPassword></cl-input>
    <br/>
    <br/>
    <br/>
    <cl-input v-model="value2" prefixIcon="cl-icon-position"></cl-input>
    <br/>
    <br/>
    <br/>
    <cl-input v-model="value2" clearable suffixIcon="cl-icon-position"></cl-input>
    <br/>
    <br/>
    <br/>
    <cl-input v-model="value2" prefixIcon="cl-icon-position">
        <template #prepend>Http://</template>
        <template #append>.com</template>
    </cl-input>
    <br/>
    <br>
    <span>输入框的值：{{value1}}</span>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
export default defineComponent({
    setup() {
        let value = ref('123')
        let value1 = ref('123')
        let value2 = ref('123')
        return {
            value,
            value1,
            value2
        }
    },

})
</script>
